<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新浪</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="div1">
        <ul>
            <li><a href="#"><span>热门</span></a></li>
            <li><a href="#"><span>头条</span></a></li>
            <li><a href="#"><span>视频</span></a></li>
            <li><a href="#"><span>新鲜事</span></a></li>
            <li><a href="#"><span>榜单</span></a></li>
            <li><a href="#"><span>搞笑</span></a></li>
            <li><a href="#"><span>社会</span></a></li>
            <li><a href="#"><span>时尚</span></a></li>
            <li><a href="#"><span>电影</span></a></li>
            <li><a href="#"><span>美女</span></a></li>
            <li><a href="#"><span>体育</span></a></li>
            <li><a href="#"><span>动漫</span></a></li>
        </ul>
    </div>
    <div class="div2" id="box1">
         <img src="img/photo2.jpg" alt="漫画">
         <ul>
             <li><a href="#"><span><h3>游玩2019世园会全攻略</h3</span></a></li>
             <li><a href="#"><span><p>北京世园会 今天15:25</p></span></a></li>
         </ul>
       </div>
    </div>
    <div class="div2" id="box2">
        <img src="img/photo3.jpg" alt="大侦探皮卡丘">
        <ul>
            <li><a href="#"><span><h3>《大侦探皮卡丘》幕后花絮曝光 你可能想要了解这些事</h3></span></a></li>
            <li><a href="#"><span><p>爱看不看 今天16:14</p></span></a>
            </li>
        </ul>
    </div>
    <div class="div3" id="box3">
        <img src="img/photo4.jpg" alt="趁青春不言弃">
        <ul class="div2 p div2 h3">
            <li><a href="#"><span><h3>趁青春去旅行，明星问答大翻牌</h3></span></a></li>
            <li><a href="#"><span><p>微博问答 今天15:59</p></span></a></li>
        </ul>
    </div>
    <div class="div4" id="box4">
        <img src="img/photo1.jpg" alt="股票">
        <ul class="div2 p div2 h3">
            <li><a href="#"><span><h3>付费问答|股市震荡！五一前后走势将会如何</h3></span></a></li>
            <li><a href="#"><span><p>微博问答 今天15:46</p></span></a></li>
        </ul>
    </div>
    <div class="div5" id="box5">
        <img src="img/photo5.jpg" alt="面包">
        <ul class="div2 p div2 h3">
            <li><a href="#"><span><h3>每日跟我学做菜</h3></span></a></li>
            <li><a href="#"><span><p>夏末-夏末 今天11:12</p></span></a></li>
        </ul>
    </div>


    </div>
    
</body>
</html>